<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta name="renderer" content="webkit" />
    <meta name="force-rendering" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Cache-Control" content="no-transform,no-siteapp" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="applicable-device" content="pc,mobile">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no,email=no">
    <title>首页</title>
    <meta name="keywords" content="关键字" />
    <meta name="description" content="网页的内容" />
    <link rel="shortcut icon" href="svg/logo.svg" />
    <!-- 字体图标 -->
    <link type="text/css" rel="stylesheet" href="iconfont/iconfont.css">
    <link type="text/css" rel="stylesheet" href="layui/css/layui.css">
    <link type="text/css" rel="stylesheet" href="css/common.css">
    <link type="text/css" rel="stylesheet" href="css/style.css">
    <script type="text/javascript" src="js/jquery.js"></script>
</head>

<body>

    <main id="app">
        <!-- 头部 -->
        <header></header>
        <div class="idx_banner idx_banner1">
            <div class="swiper_box">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide">
                        <div class="image">
                            <img src="./images/index_banner.jpg" alt="" class="pc_img">
                            <img src="./images/index_banner.jpg" alt="" class="m_img">
                        </div>
                        <div class="info">
                            <div class="w1760">
                                <p class="t0">Make Cutting-Edge Technology
                                    More Accessible</p>
                                    <a class="idx_more">
                                        <span class="word">Explore More</span>
                                        <span class="icon">
                                            <img src="./svg/more.svg" alt="" class="be">
                                            <img src="./svg/more.svg" alt="" class="hd">
                                        </span>
                                    </a>
                            </div>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <div class="image">
                            <video autoplay muted preload loop>
                                <source src="./video/explore-v2.mp4" type="video/mp4">
                            </video>
                        </div>
                        <div class="info">
                            <div class="w1760">
                                <p class="t0">Make Cutting-Edge Technology
                                    More Accessible</p>
                                    <a class="idx_more">
                                        <span class="word">Explore More</span>
                                        <span class="icon">
                                            <img src="./svg/more.svg" alt="" class="be">
                                            <img src="./svg/more.svg" alt="" class="hd">
                                        </span>
                                    </a>
                            </div>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <div class="image">
                            <img src="./images/index_banner.jpg" alt="" class="pc_img">
                            <img src="./images/index_banner.jpg" alt="" class="m_img">
                        </div>
                        <div class="info">
                            <div class="w1760">
                                <p class="t0">Make Cutting-Edge Technology
                                    More Accessible</p>
                                    <a class="idx_more">
                                        <span class="word">Explore More</span>
                                        <span class="icon">
                                            <img src="./svg/more.svg" alt="" class="be">
                                            <img src="./svg/more.svg" alt="" class="hd">
                                        </span>
                                    </a>
                            </div>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <div class="image">
                            <img src="./images/index_banner.jpg" alt="" class="pc_img">
                            <img src="./images/index_banner.jpg" alt="" class="m_img">
                        </div>
                        <div class="info">
                            <div class="w1760">
                                <p class="t0">Make Cutting-Edge Technology
                                    More Accessible</p>
                                    <a class="idx_more">
                                        <span class="word">Explore More</span>
                                        <span class="icon">
                                            <img src="./svg/more.svg" alt="" class="be">
                                            <img src="./svg/more.svg" alt="" class="hd">
                                        </span>
                                    </a>
                            </div>
                        </div>
                    </li>

                </ul>
            </div>
            <div class="idxPageHide idxPageHideSpecail"></div>
            <div class="idx_form">
                <div class="item_list">
                    <div class="item">
                        <div class="title">
                            <div class="name">Email <span class="y1">*</span></div>
                            <div class="icon"><img src="./svg/f1.svg" alt=""></div>
                        </div>
                        <div class="content">
                            <input type="text" placeholder="Enter your email">
                        </div>
                    </div>
                    <div class="item">
                        <div class="title">
                            <div class="name">Tel <span class="y1">*</span></div>
                            <div class="icon"><img src="./svg/f2.svg" alt=""></div>
                        </div>
                        <div class="content">
                            <input type="text" placeholder="Enter your phone unmber">
                        </div>
                    </div>
                    <div class="item">
                        <div class="title">
                            <div class="name">Company Name <span class="y1">*</span></div>
                            <div class="icon"><img src="./svg/f3.svg" alt=""></div>
                        </div>
                        <div class="content">
                            <input type="text" placeholder="Enter your company name">
                        </div>
                    </div>
                </div>
                <div class="submit">
                    <span class="icon"><img src="./svg/sub.svg" alt=""></span>
                    Sumbit
                </div>
            </div>
            <!-- <div class="page-navigation">
                <span class="prev btn">
                    <img src="./svg/prev.svg" alt="">
                </span>
                <span class="next btn">
                    <img src="./svg/next.svg" alt="">
                </span>
            </div> -->
        </div>
        <div class="idx_banner2">
            <div class="bgimg">
                <img src="./images/idx_banner2.jpg" alt="" class="pc_img">
                <img src="./images/idx_banner2.jpg" alt="" class="m_img">
            </div>
            <div class="info">
                <div class="w1792">
                    <div class="innerbox">
                        <div class="t0 s-animate-up" data-time="100">Emdoor Info</div>
                        <div class="t1 s-animate-up" data-time="150">rugged tablet</div>
                        <div class="t2 s-animate-up" data-time="200">
                            <p>Rugged Tablet is perfect for many field
                                applications where processing power, low weight and maximum portability are crucial.</p>
                        </div>
                        <div class="t3 s-animate-up" data-time="200">
                            <p>Windows10</p>
                            <p>Windows11</p>
                        </div>
                        <div class="idx_more2 t3 s-animate-up" data-time="300">
                            Explore More <span class="icon"><img src="./svg/more.svg" alt=""></span>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="idx_banner3">
            <div class="innerbox grid2">
                <div class="item s-animate-up" data-time="100">
                    <div class="bgimg">
                        <img src="./images/idx-i1.jpg" alt="" class="pc_img">
                        <img src="./images/idx-i1.jpg" alt="" class="m_img">
                    </div>
                    <div class="info">
                        <div class="w1792">
                            <div class="innerbox">
                                <div class="t0">Emdoor Info</div>
                                <div class="t1">outdoor rugged</div>
                                <div class="t3">
                                    <p>Outdoor Rugged Phone</p>
                                    <p>Outdoor Rugged Tablet</p>
                                </div>
                                <div class="idx_more2">
                                    Explore More <span class="icon"><img src="./svg/more.svg" alt=""></span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="item s-animate-up" data-time="200">
                    <div class="bgimg">
                        <img src="./images/idx-i2.jpg" alt="" class="pc_img">
                        <img src="./images/idx-i2.jpg" alt="" class="m_img">
                    </div>
                    <div class="info">
                        <div class="w1792">
                            <div class="innerbox">
                                <div class="t0">Emdoor Info</div>
                                <div class="t1">Industrial PC</div>
                                <div class="t3">
                                    <p>Outdoor Rugged Phone</p>
                                    <p>Outdoor Rugged Tablet</p>
                                </div>
                                <div class="idx_more2">
                                    Explore More <span class="icon"><img src="./svg/more.svg" alt=""></span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="item s-animate-up" data-time="300">
                    <div class="bgimg">
                        <img src="./images/idx-i3.jpg" alt="" class="pc_img">
                        <img src="./images/idx-i3.jpg" alt="" class="m_img">
                    </div>
                    <div class="info">
                        <div class="w1792">
                            <div class="innerbox">
                                <div class="t0">Emdoor Info</div>
                                <div class="t1">
                                    <p>rugged </p>
                                    <p>notebook</p>
                                </div>
                                <div class="t3">
                                    <p>Windows10 </p>
                                    <p>Windows11</p>
                                </div>
                                <div class="idx_more2">
                                    Explore More <span class="icon"><img src="./svg/more.svg" alt=""></span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="item s-animate-up" data-time="400">
                    <div class="bgimg">
                        <img src="./images/idx-i4.jpg" alt="" class="pc_img">
                        <img src="./images/idx-i4.jpg" alt="" class="m_img">
                    </div>
                    <div class="info">
                        <div class="w1792">
                            <div class="innerbox">
                                <div class="t0">Emdoor Info</div>
                                <div class="t1">
                                    <p>rugged</p>
                                    <p>Handhelds</p>
                                </div>
                                <div class="t3">
                                    <p>Android </p>
                                    <p>Windows</p>
                                </div>
                                <div class="idx_more2">
                                    Explore More <span class="icon"><img src="./svg/more.svg" alt=""></span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="idx_solution">
            <div class="innerbox">
                <div class="ileft">
                    <div class="title s-animate-up" data-time="100">Industry Digital Solutions</div>
                    <ul class="itemlist s-animate-up" data-time="150">
                        <li><a href="" class="stit">Public utilities</a> <span class="more"><img src="./svg/more.svg"
                                    alt=""></span></li>
                        <li><a href="" class="stit">Intelligent manufacturing</a> <span class="more"><img
                                    src="./svg/more.svg" alt=""></span></li>
                        <li><a href="" class="stit">Warehouse management</a> <span class="more"><img
                                    src="./svg/more.svg" alt=""></span></li>
                        <li><a href="" class="stit">Transportation</a> <span class="more"><img src="./svg/more.svg"
                                    alt=""></span></li>
                        <li><a href="" class="stit">Energy industry</a> <span class="more"><img src="./svg/more.svg"
                                    alt=""></span></li>
                        <li><a href="" class="stit">Smart retail</a> <span class="more"><img src="./svg/more.svg"
                                    alt=""></span></li>
                        <li><a href="" class="stit">Medical industry</a> <span class="more"><img src="./svg/more.svg"
                                    alt=""></span></li>
                        <li><a href="" class="stit">Surveying and mapping
                                industry</a> <span class="more"><img src="./svg/more.svg" alt=""></span></li>
                    </ul>
                </div>
                <div class="iright ">
                    <div class="swiper_box">
                        <ul class="swiper-wrapper">
                            <li class="swiper-slide">
                                <div class="centerInfo s-animate-up" data-time="100">
                                    <p class="t0">Public utilities</p>
                                    <p class="t1">Emdoor's hardened products serve the digital transformation of public
                                        utilities. Organizations that provide secure, powerful and intuitive tools to
                                        their mobile workers will be better able to deliver quality services, manage
                                        costs, and thrive in a challenging market.</p>
                                        <a class="idx_more">
                                            <span class="word">Explore More</span>
                                            <span class="icon">
                                                <img src="./svg/more.svg" alt="" class="be">
                                                <img src="./svg/more.svg" alt="" class="hd">
                                            </span>
                                        </a>
                                </div>
                                <div class="imgbg">
                                    <img src="./images/ids.jpg" alt="">
                                </div>
                            </li>
                            <li class="swiper-slide">
                                <div class="centerInfo s-animate-up" data-time="100">
                                    <p class="t0">Intelligent manufacturing</p>
                                    <p class="t1">Emdoor's hardened products serve the digital transformation of public
                                        utilities. Organizations that provide secure, powerful and intuitive tools to
                                        their mobile workers will be better able to deliver quality services, manage
                                        costs, and thrive in a challenging market.</p>
                                        <a class="idx_more">
                                            <span class="word">Explore More</span>
                                            <span class="icon">
                                                <img src="./svg/more.svg" alt="" class="be">
                                                <img src="./svg/more.svg" alt="" class="hd">
                                            </span>
                                        </a>
                                </div>
                                <div class="imgbg">
                                    <img src="./images/ids.jpg" alt="">
                                </div>
                            </li>
                            <li class="swiper-slide">
                                <div class="centerInfo s-animate-up" data-time="100">
                                    <p class="t0">Warehouse management</p>
                                    <p class="t1">Emdoor's hardened products serve the digital transformation of public
                                        utilities. Organizations that provide secure, powerful and intuitive tools to
                                        their mobile workers will be better able to deliver quality services, manage
                                        costs, and thrive in a challenging market.</p>
                                        <a class="idx_more">
                                            <span class="word">Explore More</span>
                                            <span class="icon">
                                                <img src="./svg/more.svg" alt="" class="be">
                                                <img src="./svg/more.svg" alt="" class="hd">
                                            </span>
                                        </a>
                                </div>
                                <div class="imgbg">
                                    <img src="./images/ids.jpg" alt="">
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="idx_case">
            <div class="innerbox">
                <div class="swiper_box">
                    <ul class="swiper-wrapper">
                        <li class="swiper-slide">
                            <a class="item s-animate-up" data-time="100" href="">
                                <div class="tag">
                                    case study
                                </div>
                                <div class="imgbg">
                                    <img src="./images/c1.jpg" alt="">
                                </div>
                                <div class="info">
                                    <p class="title">EM-162H reinforced handheld terminal protects the marine ecological
                                        environment </p>
                                    <div class="idx_more2">
                                        Explore More <span class="icon"><img src="./svg/more.svg" alt=""></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="swiper-slide">
                            <a class="item s-animate-up" data-time="200" href="">
                                <div class="tag">
                                    case study
                                </div>
                                <div class="imgbg">
                                    <img src="./images/c2.jpg" alt="">
                                </div>
                                <div class="info">
                                    <p class="title">EM-162H reinforced handheld terminal protects the marine ecological
                                        environment </p>
                                    <div class="idx_more2">
                                        Explore More <span class="icon"><img src="./svg/more.svg" alt=""></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="swiper-slide">
                            <a class="item s-animate-up" data-time="300" href="">
                                <div class="tag">
                                    case study
                                </div>
                                <div class="imgbg">
                                    <img src="./images/c3.jpg" alt="">
                                </div>
                                <div class="info">
                                    <p class="title">EM-162H reinforced handheld terminal protects the marine ecological
                                        environment </p>
                                    <div class="idx_more2">
                                        Explore More <span class="icon"><img src="./svg/more.svg" alt=""></span>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <div class="idxPageHide"></div>
                </div>
            </div>
        </div>
        <div class="idx_cooperation">
            <div class="innerbox">
                <div class="title s-animate-up" data-time="100">Long-term Cooperative Customers</div>
                <div class="swiper-banner s-animate-up" data-time="200">
                    <div class="ind-news-wrap">
                        <div class="inw-swipper ">
                            <!-- 第一行 -->
                            <div class="swiper-container autoplay-one" dir="rtl">
                                <div class="swiper-wrapper ">
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop1.png" alt="">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop2.png" alt="">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop3.png" alt="">
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop4.png" alt="">
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop5.png" alt="">
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop6.png" alt="">
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop7.png" alt="">
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                </div>
                            </div>
                            <!-- 第二行 -->
                            <div class="swiper-container autoplay-one" dir="ltl">
                                <div class="swiper-wrapper ">
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop8.png" alt="">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop9.png" alt="">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop10.png" alt="">
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop11.png" alt="">
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop12.png" alt="">
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop13.png" alt="">
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop14.png" alt="">
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="company-box">
                                            <div class="pb">
                                                <div class="ab">
                                                    <img src="images/coop15.png" alt="">
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="idx_about">
            <div class="innerbox">
                <div class="imgbg">
                    <img src="./images/idx_about.jpg" alt="">
                </div>
                <div class="info">
                    <div class="t_info">
                        <div class="title s-animate-up" data-time="100">One-stop Provider of
                            Rugged Mobile Computers
                        </div>
                        <a class="idx_more s-animate-up" data-time="200">
                            <span class="word">Explore More</span>
                            <span class="icon">
                                <img src="./svg/more.svg" alt="" class="be">
                                <img src="./svg/more.svg" alt="" class="hd">
                            </span>
                        </a>
                    </div>
                    <div class="b_info">
                        <div class="w1520">
                            <div class="itemlist">
                                <div class="item">
                                    <div class="num">
                                        <span class="jump_num">16</span> <span class="y1">+</span>
                                    </div>
                                    <p class="t0">16 years of focus on industrial three-defense field</p>
                                </div>
                                <div class="item">
                                    <div class="num">
                                        <span class="jump_num">80</span> <span class="y1">+</span>
                                    </div>
                                    <p class="t0">Covering more than 80 countries and export regions</p>
                                </div>
                                <div class="item">
                                    <div class="num">
                                        <span class="jump_num">1700</span> <span class="y1">+</span>
                                    </div>
                                    <p class="t0">Serving more than 1,700 end customers</p>
                                </div>
                                <div class="item">
                                    <div class="num">
                                        <span class="jump_num">600</span> <span class="y1">+</span>
                                    </div>
                                    <p class="t0">More than 600 R&D patent certifications</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="idx_about2">
            <div class="imgbg">
                <img src="./images/idx_about2.jpg" alt="" class="pc_img">
                <img src="./images/idx_about2_m.jpg" alt="" class="m_img">
            </div>
            <div class="info">
                <div class="w1792">
                    <div class="title s-animate-up" data-time="100">
                        <p>
                            Focus on High-Quality
                        </p>
                        <p>
                            Rugged Industrial Computers
                        </p>
                    </div>
                    <a class="idx_more s-animate-up" data-time="200">
                        <span class="word">Explore More</span>
                        <span class="icon">
                            <img src="./svg/more.svg" alt="" class="be">
                            <img src="./svg/more.svg" alt="" class="hd">
                        </span>
                    </a>
                </div>
            </div>
        </div>
        <div class="idx_news">
            <div class="w1792">
                <div class="innerbox">
                    <div class="left">
                        <div class="idx_title s-animate-up" data-time="100">Recent News</div>
                        <div class="swiper_box">
                            <ul class="swiper-wrapper">
                                <li class="swiper-slide">
                                    <div class="centerInfo s-animate-up" data-time="200">
                                        <div class="t0">
                                            <span class="icon">
                                                <img src="./images/n1.png" alt="">2024/12/06
                                            </span>
                                            <span class="icon">
                                                <img src="./images/n2.png" alt="">Emdoor
                                            </span>
                                        </div>
                                        <div class="t1">Emdoor Information Establishes Enterprise-Level Research
                                            Institute, Pioneering the Frontier of AI ...</div>
                                        <div class="t2">
                                            As the new wave of the AI era surges forward, bolstered by new technological paradigms such as generative artificial intelligence, the pace of technological innovation accelerates...
                                        </div>
                                        <div class="idx_more2">
                                            Explore More <span class="icon"><img src="./svg/more.svg" alt=""></span>
                                        </div>
                                        <div class="taglist">
                                            <span class="tg">Tag 1</span>
                                            <span class="tg">Tag 2</span>
                                            <span class="tg">Tag 3</span>
                                        </div>
                                    </div>
                                </li>
                                <li class="swiper-slide">
                                    <div class="centerInfo s-animate-up" data-time="200">
                                        <div class="t0">
                                            <span class="icon">
                                                <img src="./images/n1.png" alt="">2024/12/06
                                            </span>
                                            <span class="icon">
                                                <img src="./images/n2.png" alt="">Emdoor11111
                                            </span>
                                        </div>
                                        <div class="t1">Emdoor Information Establishes Enterprise-Level Research
                                            Institute, Pioneering the Frontier of AI ...</div>
                                        <div class="t2">
                                            As the new wave of the AI era surges forward, bolstered by new technological paradigms such as generative artificial intelligence, the pace of technological innovation accelerates...
                                        </div>
                                        <div class="idx_more2">
                                            Explore More <span class="icon"><img src="./svg/more.svg" alt=""></span>
                                        </div>
                                        <div class="taglist">
                                            <span class="tg">Tag 11</span>
                                            <span class="tg">Tag 22</span>
                                            <span class="tg">Tag 33333</span>
                                        </div>
                                    </div>
                                </li>
                                <li class="swiper-slide">
                                    <div class="centerInfo s-animate-up" data-time="200">
                                        <div class="t0">
                                            <span class="icon">
                                                <img src="./images/n1.png" alt="">2024/12/06
                                            </span>
                                            <span class="icon">
                                                <img src="./images/n2.png" alt="">Emdoor11111
                                            </span>
                                        </div>
                                        <div class="t1">Emdoor Information Establishes Enterprise-Level Research
                                            Institute, Pioneering the Frontier of AI ...</div>
                                        <div class="t2">
                                            As the new wave of the AI era surges forward, bolstered by new technological paradigms such as generative artificial intelligence, the pace of technological innovation accelerates...
                                        </div>
                                        <div class="idx_more2">
                                            Explore More <span class="icon"><img src="./svg/more.svg" alt=""></span>
                                        </div>
                                        <div class="taglist">
                                            <span class="tg">Tag 121</span>
                                            <span class="tg">Tag 232</span>
                                            <span class="tg">Tag 33</span>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <div class="right">
                        <ul class="swiper-wrapper">
                            <li class="swiper-slide">
                                <div class="img">
                                    <img src="./images/idx_index1.png" alt="">
                                </div>
                            </li>
                            <li class="swiper-slide">
                                <div class="img">
                                    <img src="./images/idx_index2.png" alt="">
                                </div>
                            </li>
                            <li class="swiper-slide">
                                <div class="img">
                                    <img src="./images/idx_index3.png" alt="">
                                </div>
                            </li>
                        </ul>
                        <div class="idxPageHide idxPageHideSpecail"></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="idx_newslist">
            <div class="innerbox">
                <div class="swiper_box">
                    <ul class="swiper-wrapper">
                        <li class="swiper-slide">
                            <a class="item s-animate-up" data-time="100" href="">
                                <div class="tag">
                                    New arrivals
                                </div>
                                <div class="imgbg">
                                    <img src="./images/idx_index2.png" alt="">
                                </div>
                                <div class="info">
                                    <div class="title">EM-T89: A Lightweight Rugged Tablet
                                        Designed for Extreme </div>
                                    <div class="desc">As industries continue to evolve, the need for durable, reliable,
                                        and high-performance mobile devices grows in tandem. The EM-T89, an 8-inch
                                        lightweight rugged tablet from Emdoor, is a testament to cutting-edge ...</div>
                                </div>
                            </a>
                        </li>
                        <li class="swiper-slide">
                            <a class="item s-animate-up" data-time="200" href="">
                                <div class="tag">
                                    Public Utilities
                                </div>
                                <div class="imgbg">
                                    <img src="./images/idx_index3.png" alt="">
                                </div>
                                <div class="info">
                                    <div class="title">EM-162H reinforced handheld terminal protects the marine
                                        ecological environment </div>
                                    <div class="desc">At Emdoor Information, we pride ourselves on delivering
                                        cutting-edge technology that is accessible to everyone. Our newly launched
                                        outdoor rugged devices, including the P1 smartphone, embody this comm...</div>

                                </div>
                            </a>
                        </li>
                        <li class="swiper-slide">
                            <a class="item s-animate-up" data-time="300" href="">
                                <div class="tag">
                                    New arrivals
                                </div>
                                <div class="imgbg">
                                    <img src="./images/idx_index4.png" alt="">
                                </div>
                                <div class="info">
                                    <div class="title">EM-162H reinforced handheld terminal protects the marine
                                        ecological environment </div>
                                    <div class="desc">The 10.1" Rugged Tablet PC EM-Q185M is engineered to meet the
                                        toughest industrial and field challenges, combining cutting-edge AI performance,
                                        top-tier connectivity, and robust durability. Design...</div>

                                </div>
                            </a>
                        </li>
                    </ul>
                    <div class="idxPageHide"></div>
                </div>
                <a class="idx_more">
                    <span class="word">Explore More</span>
                    <span class="icon">
                        <img src="./svg/more.svg" alt="" class="be">
                        <img src="./svg/more.svg" alt="" class="hd">
                    </span>
                </a>
            </div>
        </div>
        <div class="idx_footer_form">
            <div class="imgbg">
                <img src="./images/text.png" alt="" class="img1">
                <img src="./images/mounce.png" alt="" class="img2">
                <img src="./images/stoke.png" alt="" class="img3">

            </div>
            <div class="info">
                <div class="w1792">
                    <div class="innerbox s-animate-up" data-time="100">
                        <div class="left">
                            <p class="idx_title "> Have Any
                                Questions ?
                                Let's Talk !</p>
                        </div>
                        <div class="right ">
                            <div class="row">
                                <div class="layui-form layui-row">
                                    <div class="item">
                                        <select>
                                            <option value="" class="name">How can we help you? <span class="y1">*</span>
                                            </option>
                                            <option value="AAA">选项 A</option>
                                            <option value="BBB">选项 B</option>
                                            <option value="CCC">选项 C</option>
                                        </select>
                                    </div>
                                </div>

                            </div>
                            <div class="row grid3">

                                <div class="item">
                                    <input type="text">
                                    <div class="tag">First Name <span class="y1">*</span></div>

                                </div>
                                <div class="item">
                                    <input type="text">
                                    <div class="tag">Last Name <span class="y1">*</span></div>
                                </div>
                                <div class="item">
                                    <input type="text">
                                    <div class="tag">Email <span class="y1">*</span></div>
                                </div>
                            </div>
                            <div class="row grid3">
                                <div class="item">
                                    <input type="text">
                                    <div class="tag">Tel <span class="y1">*</span></div>
                                </div>
                                <div class="item">
                                    <input type="text">
                                    <div class="tag">Company <span class="y1">*</span></div>
                                </div>
                                <div class="layui-form layui-row">
                                    <div class="item">
                                        <select>
                                            <option value="">Industry <span class="y1">*</span></option>
                                            <option value="AAA">选项 A</option>
                                            <option value="BBB">选项 B</option>
                                            <option value="CCC">选项 C</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row grid2">
                                <div class="layui-form layui-row">
                                    <div class="item">
                                        <select>
                                            <option value="">Country <span class="y1">*</span></option>
                                            <option value="AAA">选项 A</option>
                                            <option value="BBB">选项 B</option>
                                            <option value="CCC">选项 C</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="item">
                                    <input type="text">
                                    <div class="tag">How did you find us? <span class="y1">*</span></div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="item">
                                    <div class="tag">Requirement <span class="y1">*</span></div>
                                    <textarea name="" id="" cols="30" rows="10"></textarea>

                                </div>

                            </div>
                            <div class="submitbtn">
                                <div class="layui-form">
                                    <div class="layui-form-item">
                                        <input type="checkbox" name="AAA" value="0">
                                        <div lay-checkbox>
                                            <!-- <span>I have read and agree emdoor</span>
                                            <a href="" class="y1"> Privacy Policy </a> and
                                            <a href="" class="y1"> Disclaimer</a> . -->

                                            <a href="policy.html" class="font16">I have read and agree emdoor <ins class="y1"> Privacy Policy </ins>and <ins class="y1"> Disclaimer </ins></a>

                                        </div>
                                    </div>
                                </div>

                              
                            </div>
                            <a class="idx_more">
                                <span class="word">Explore More</span>
                                <span class="icon">
                                    <img src="./svg/more.svg" alt="" class="be">
                                    <img src="./svg/more.svg" alt="" class="hd">
                                </span>
                            </a>
                        </div>
                    </div>

                </div>

            </div>
        </div>
        <!-- 底部 -->
        <footer></footer>
    </main>


    <script>jQuery("#kefu").load("kefu.html")</script>
    <script>jQuery("header").load("header.html")</script>
    <script>jQuery("footer").load("footer.html")</script>

    <script type="text/javascript" src="js/bodySmoothScroll.js"></script>
    <script type="text/javascript" src="layui/layui.js"></script>
    <script type="text/javascript" src="js/extend.js"></script>
    <script type="text/javascript" src="js/gasp_plug.js"></script>
    <script type="text/javascript" src="js/pack.js"></script>

    <script>
        $(function () {
            //数字跳动
            $('.jump_num').countUp({
                delay: 5,
                time: 800
            })



        });

        // // 表单--输入框是否有值

        $(window).on('load', function () {
            var box = $(".idx_footer_form "),
                inputVal = box.find(".right .row .item input");

            inputVal.blur(function () {
                var thisval = $(this).val();
                console.log(thisval)
                if (thisval != '') {
                    $(this).next().hide();
                } else {
                    $(this).next().show();
                }
            })




        })
    </script>
</body>

</html>